<!--
 * @Descripttion: 加载中窗口
 * @version: 1.0
-->

<template>
	<div class="sc-loading-box" v-if="visible == 1">
        <el-progress type="dashboard" :percentage="80">
          <template #default="{ percentage }">
            <span class="percentage-value">{{ title }}%</span>
            <span class="percentage-label">请稍后</span>
          </template>
        </el-progress>
    </div>
</template>

<script>
	export default {
		props: {
			title: { type: String, required: true, default: "正在拼命加载..." },
			visible: { type: Number, default: 0 },
		},
		data() {
			return {
				qrcode: null
			}
		},
		watch:{
			text() {
				
			}
		},
		mounted() {
            
		},
		methods: {
			
		}
	}
</script>

<style>
    .sc-loading-box {
        top: 50%;
        left: 50%;
        width: 50px;
        height: 60px;
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        z-index: 1000;
    }
</style>
